// 以下划线 _ 开头的 SCSS 文件被称为部分文件（Partials），
// 表示它们不会被直接编译为 CSS 文件，而是被导入到其他文件中使用。
// 导入时：Sass 编译器会自动忽略文件名开头的下划线（和扩展名），
// 所以可以用不带下划线的名称来导入。

*,
*::after,
*::before {
  margin: 0;
  box-sizing: inherit;
  padding: 0;
}
html {
  /* 10 / 16 */
  //  This defines what 1rem is
  font-size: 62.5%;

  @include respond(tab-land) {
    // width < 1200?
    font-size: 56.25%; //1 rem = 9px, 9/16 = 50%
  }

  @include respond(tab-port) {
    // width < 900?
    font-size: 50%; //1 rem = 8px, 8/16 = 50%
  }

  @include respond(big-desktop) {
    font-size: 75%; //1rem = 12, 12/16
  }
}
body {
  box-sizing: border-box;
  padding: 3rem;

  @include respond(tab-port) {
    padding: 0;
  }
}

::selection {
  background-color: $color-primary;
  color: $color-white;
}
